import React, { Component } from 'react'
import Item from '../Item/item';
export default class list extends Component {
    render() {
        const { todos,UpdateTodo,DeleteTodo } = this.props;
        return (
            <div>
                <ul className="todo-main">
                    {
                        todos.map((todo) => {
                            return (
                                    <Item key={todo.id} todo={todo} UpdateTodo={UpdateTodo} DeleteTodo={DeleteTodo}/>
                            )
                        })
                    }
                </ul>
            </div>
        )
    }
}
